<template>
  <div class="header-wrapper">
    <div class="title">Beauty</div>
    <pj-nav></pj-nav>
  </div>
</template>

<script lang="ts" setup>
import PjNav from './nav.vue';
</script>

<style lang="scss" scoped>
.header-wrapper {
  top: 0;
  flex-flow: 0;
  z-index: 1000;
  flex-shrink: 0;
  display: flex;
  position: sticky;
  flex-basis: 100px;
  padding: 10px 50px;
  align-items: center;
  justify-content: space-between;
  background-color: var(--white-color);
  border-bottom: 1px solid var(--grey-color12);

  .title {
    font-size: 35px;
    color: var(--pink-color1);
  }
}
</style>
